<template>
  <div>
      <div class="tree">
        <tree/>
      </div>
      <div class="edit">
        <edit ref="edit"/>
      </div>
  </div>
</template>
 
<script>
import edit from '@/components/edit';
import tree from '@/components/tree';

export default {
  components:{
    edit,
    tree
  },
  data () {
    return {
    }
  },
  methods:{
    openPage(codes,lang) {//传递给edit组件
      this.$refs.edit.openPage(codes,lang)
    }
  }
}
</script>
<style scoped>
.tree{
  position: absolute;
  left: 0px;
  height: 100%;
  width: 20%;
  top: 0px; 
}
.edit {
  position: absolute;
  height: 100%; 
  left: 20%;
  width: 80%;
  top: 0px;
}
</style>